﻿<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title> 详情页 </title>

	<!--Favicon-->
	<link rel="icon" href="assets/img/favicon.png" type="image/jpg" />
	<!-- Bootstrap CSS -->
	<link href="static/css/bootstrap.min.css" rel="stylesheet">
	<!-- Font Awesome CSS-->
	<link href="static/css/font-awesome.min.css" rel="stylesheet">
	<!-- Line Awesome CSS -->
	<link href="static/css/line-awesome.min.css" rel="stylesheet">
	<!-- Animate CSS-->
	<link href="static/css/animate.css" rel="stylesheet">
	<!-- Magnific Popup Video -->
	<link href="static/css/magnific-popup.css" rel="stylesheet">
	<!-- Flaticon CSS -->
	<link href="static/css/flaticon.css" rel="stylesheet">
	<!-- Owl Carousel CSS -->
	<link href="static/css/owl.carousel.css" rel="stylesheet">
	<!-- Style CSS -->
	<link href="static/css/style.css" rel="stylesheet">
	<!-- Responsive CSS -->
	<link href="static/css/responsive.css" rel="stylesheet">

	<!-- jquery -->
	<script src="static/js/jquery-1.12.4.min.js"></script>


</head>

<body>
<div id="blog-page" class="blog-section section-padding">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="single-blog-wrap">
					<div id="detail"></div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- Scroll Top Area -->
<a href="#top" class="go-top"><i class="las la-angle-up"></i></a>


<!-- Popper JS -->
<script src="static/js/popper.min.js"></script>
<!-- Bootstrap JS -->
<script src="static/js/bootstrap.min.js"></script>
<!-- Wow JS -->
<script src="static/js/wow.min.js"></script>
<!-- Way Points JS -->
<script src="static/js/jquery.waypoints.min.js"></script>
<!-- Counter Up JS -->
<script src="static/js/jquery.counterup.min.js"></script>
<!-- Owl Carousel JS -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- Magnific Popup JS -->
<script src="static/js/magnific-popup.min.js"></script>
<!-- Sticky JS -->
<script src="static/js/jquery.sticky.js"></script>
<!-- Main JS -->
<script src="static/js/main.js"></script>

</body>
<script>
	function getQueryString(name) {
		var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
		var r = window.location.search.substr(1).match(reg);
		if (r != null) {
			return unescape(r[2]);
		}
		return null;
	}
	var id=getQueryString("id");
	var settings = {
		"url": "/api/cms/web/article/"+id,
		"method": "GET"
	};
	$.ajax(settings).done(function (response)
	{
		var html="<h3 style='text-align: center'>"+response.data.title+"</h3>\n";
		var articleContent = response.data.articleContent;
		if(typeof (articleContent) != 'undefined' && articleContent!=null)
		{
			html += "<p>"+articleContent.content+"</p>\n";
		}
		$("#detail").html(html);
	});
</script>
</html>
